// out: false,main:../war_map_classic.less,main:../war_map_technology.less
.switchMaps {
    position: absolute;
    right: 10px;
    top: 46px;
    z-index: 9999;

    & .none {
        background:url("@{img-path}/gridList.png");
        background-position: -440px 0;
        width: 40px;
        display: block;
        border: 1px solid #333;

        

        p {
            &.text {
                background: rgba(0, 0, 0, 0.8);
                color: #fff;
                text-align: center;
            }

            &.pt {
                display: block;
                height: 55px;
            }
        }
    }
    &:hover {
        & .smenu{
            display: block;
        }
    }

    ul {
        padding: 0px 5px 0 0px;
        letter-spacing: -.3333em;
        font-size: 0;
        text-align: right;
        position: absolute;
        top: 0;
        right: 42px;
        width: 500px;
        text-align: right;
        overflow: hidden;
        display: none;
        li {
            display: inline-block;
            margin: 0px 0 0 3px;

            a {
                border: 3px solid #ccc;
                display: block;
                border-radius: 3px;
                background:url("@{img-path}/gridList.png");
                width: 100px;

                p {
                    text-align: center;
                    font-size: 12px;

                    &.pt {
                        display: block;
                        height: 50px;
                    }

                    &.icon {
                        padding: 3px 0;
                        background: #1A9DFB;
                    }

                    i {
                        font-size: 26px;
                        color: #fff;
                    }

                    &.text {
                        padding: 2px 0;
                        color:#333;
                        background: rgba(255, 255, 255, 0.8);
                    }
                }

                &.hov {
                    border: 3px solid #1A9DFB;

                    p {
                        &.text {
                            font-weight: bold;
                            color: #1A9DFB;
                        }
                    }
                }

                &.ewdt {
                    background-position: 0 0;
                }

                &.swdt {
                    background-position: -110px 0;
                }

                &.zsyx {
                    background-position: -220px 0;
                }

                &.wxt {
                    background-position: -330px 0;
                }


            }
        }
    }
}